﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/Shared.cshtml";
    var comment = ViewBag.Pingjia;
}
@model User;

<section>
    <div class="view-product background-color">
        <div class="padding-big background-color">
            <div class="account-info clearfix">
                <div class="text-box-main  fl" style="width:80%;height:200px;">
                    <dl>
                        <dt class="padding-big-left lists-border-list clearfix">
                            <div class="title fl padding-big-top padding-big-bottom">
                                <p><h4>HI,@Model.NickName</h4></p>
                                <p class="margin-small-top clearfix">
                                    <span class="fl">账户安全级别：<em class="text-blue-deep">高</em></span>
                                    <a class="button bg-green-deep icon icon-button-green fl margin-left" href="/yonghuzhongxin/xinxiEdit">修改信息</a>
                                </p>
                            </div>
                            <span class="fr icon-head">
                                <img src="/Images/999.jpg">
                            </span>
                        </dt>
                        <dd class="padding-big clearfix">

                            <p class="w50 fl">
                                <i class="fl  el-icon-male"></i>
                                <span class="fl margin-left">性别：</span>
                                <span id="sex">@Model.Gender</span>

                            </p>

                            <p class="w50 fl">
                                <i class="fl  el-icon-timer"></i>
                                <span class="fl margin-left">创建时间：@Model.CreateTime</span>
                            </p>
                            <p class="w50 fl">
                                <i class="fl el-icon-phone"></i>

                                <span class="fl margin-left">手机：@Model.Phone</span>
                            </p>
                            <p class="w50 fl">
                                <i class="fl el-icon-message"></i>

                                <span class="fl margin-left">邮箱：@Model.EMail</span>
                            </p>

                        </dd>
                    </dl>
                </div>

                <div class="text-box-main  fl" style="width:80%;height:60%;">
                    <dl>
                        <dt class="padding-big lists-border-list clearfix">
                            <div class="fl w50 title">
                                <p>账户余额</p>
                                <p class="margin-small-top clearfix">
                                    <span class="fl"><em class="h3 text-red-deep">658.54</em>元</span>
                                    <a class="fl margin-left button btn-red text-white" href="#">充值</a>
                                </p>
                            </div>
                            <div class="fl w50 padding-left title">
                                <p>评价条数</p>
                                <p class="margin-small-top clearfix">
                                    @if (@comment==null)
                                    {
                                    <span class="fl"><em class="h3 text-blue-deep">0</em>条</span>
                                    }
                                    else
                                    {
                                        <span class="fl"><em class="h3 text-blue-deep">@comment</em>条</span>

                                    }
                                    <a class="fl margin-left button btn-red text-white" target="view_window" href="/YongHuZhongXin/XiaoXi">快去评价</a>
                                </p>
                            </div>
                        </dt>
                        <dd class="padding-big" style="height:70px;float:right">
                            <div class="account-class text-hidden">
                                <a href="/yonghuzhongxin/zhuxiao"><el-button type="danger" size="mini" round>账号注销</el-button></a>
                            </div>
                        </dd>

                        <dd class="padding-big" style="height:70px;float:left">
                            <div class="account-class text-hidden">
                                <a href="/yonghuzhongxin/zhanghao"><el-button type="primary" size="mini" round>账号管理</el-button></a>
                            </div>
                        </dd>
                    </dl>
                </div>




            </div>
        </div>
    </div>
  
</section>

  @section Scripts{
        <script>

            var s=document.getElementById("sex").innerText;
            if(s=="1"){
                document.getElementById("sex").innerHTML="男";
            }
        else if (s == "2") {
            document.getElementById("sex").innerHTML = "女";
        } else if (s == "3") {
            document.getElementById("sex").innerHTML = "保密";
        }
        </script>

    }
@*    <script>
    layui.use(["form", 'layer'], function() {
        var form = layui.form;
        var $ = layui.$;
        var layer = layui.layer;
        
        $("#zhuxiao").on("click", function() {
            var index = layer.open({
                type: 2,//0:信息框，1：页面层，2：iframe层，3：加载层，4：tip层
                content: '/yonghuzhongxin/zhuxiao',
                area: ["40%", "50%"]
            });
        })
    })
</script>*@